<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>角色列表</title>

    <script charset="utf-8" type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="/js/com.wxd.js"></script>
    <script charset="utf-8" type="text/javascript" src="/pageview.js"></script>

    <link rel="stylesheet" type="text/css" href="/style/com.wxd.css"/>
    <link rel="stylesheet" type="text/css" href="/style/table.css"/>

    <style>
        html, body {display: block;width: 100%;height: 100%;overflow: hidden;overflow-x: auto;background: rgb(255, 255, 255);}

        a:link {color: #0866b4;}

        a:visited { color: #0866b4;}

        label {padding-left: 5px;padding-right: 5px;}

    </style>

    <script>

        let pageView;

        function search() {
            wxd.loading();
            let urlQuery = new wxd.Map().loadSearch();
            pageView.remoteGetData(urlQuery);
        }


        function createRow(index, row) {
            let tr = `
    <tr>
        <td style="width: 140px;">
            <a href="#" onclick="ban('/gm/001/002/003/banLogin', '${row.uid}');return false;" title="封号和解封">封号</a>
        </td>
        <td tips="true" style="width: 40px;">${index}</td>
        <td tips="true" style="width: 60px;">${row.online}</td>
        <td tips="true" style="width: 200px;">${row.account}</td>
        <td tips="true" style="width: 140px;">${row.uid}</td>
        <td tips="true" style="width: 120px;">${row.roleName}</td>
        <td tips="true" style="width: 140px;">${row.createTime}</td>
        <td tips="true" style="width: 80px;">${row.createSid}</td>
        <td tips="true" style="width: 80px;">${row.curSid}</td>
        <td tips="true" style="width: 100px;">${row.rechargeAmount}</td>
        <td tips="true" style="width: 80px;">${row.rechargeCount}</td>
        <td tips="true" style="width: 140px;">${row.rechargeFirstTime}</td>
        <td tips="true" style="width: 140px;">${row.rechargeLastTime}</td>
        <td tips="true" style="width: 40px;">${row.sex}</td>
        <td tips="true" style="width: 70px;">${row.job}</td>
        <td tips="true" style="width: 40px;">${row.lv}</td>
        <td tips="true" style="width: 140px;">${row.lastJoinSid}</td>
        <td tips="true" style="width: 140px;">${row.lastJoinTime}</td>
        <td tips="true" style="width: 140px;">${row.lastExitTime}</td>
        <td tips="true" style="width: 140px;">${row.totalOnlineTime}</td>
        <td tips="true" style="width: 140px;">${row.lastOnlineTime}</td>
        <td tips="true" style="width: 300px;">${row.other}</td>
    </tr>
`;
            return tr;
        }

        $(() => {
            pageView = new PageView("/log/role/list", search, createRow);
            search();
        });

    </script>
</head>

<body>
<div class="tableDom" style="position: absolute;left: 10px;top: 10px;right: 15px;bottom: 35px;">
    <table>
        <thead>
        <tr>
            <th style="width: 140px;">操作</th>
            <th style="width: 40px;">序号</th>
            <th style="width: 60px;">在线</th>
            <th style="width: 200px;">账号</th>
            <th style="width: 140px;">角色ID</th>
            <th style="width: 120px;">角色名字</th>
            <th style="width: 140px;">创建时间</th>
            <th style="width: 80px;">创建区服</th>
            <th style="width: 80px;">当前区服</th>
            <th style="width: 100px;">充值金额</th>
            <th style="width: 80px;">充值笔数</th>
            <th style="width: 140px;">首次充值时间</th>
            <th style="width: 140px;">最后充值时间</th>
            <th style="width: 40px;">性别</th>
            <th style="width: 70px;">职业</th>
            <th style="width: 40px;">等级</th>
            <th style="width: 140px;">最后登录区服</th>
            <th style="width: 140px;">最后登录时间</th>
            <th style="width: 140px;">最后登出时间</th>
            <th style="width: 140px;">累计在线时长</th>
            <th style="width: 140px;">最后在线时长</th>
            <th style="width: 300px;">记录</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>
</body>
</html>